<%@ Page Title="" Language="C#" MasterPageFile="~/Demo.master" Inherits="DemoPage" %>

<%@ Register Src="~/CodeFormatter.ascx" TagName="Code" TagPrefix="demo" %>

<script runat="server">

</script>

<asp:Content ID="Content1" ContentPlaceHolderID="DemoHolder" runat="Server">
    <div class="dna-state-help ui-corner-all" style="margin-bottom: 10px;">
        Set the Range property to "Both" to capture a range of values with two drag handles.
        The space between the handles is filled with a different background color to indicate
        those values are selected.
    </div>
    <div style="padding: 20px">
        <DotNetAge:Slider ID="Slider1" runat="server" Orientation="Horizontal" BoundControlID="TextBox2"
            EnabledAnimate="True" Range="Both" Maximum="500" Minimum="0" Value="300" Value1="75"
            BoundControlID1="TextBox1" />
        <br />
        <span>
            <asp:Label ID="Label1" runat="server" Text="Price range:$"></asp:Label>
            <asp:TextBox ID="TextBox1" runat="server" Width="40px" Text="75"></asp:TextBox>
            <asp:Label ID="Label2" runat="server" Text="- $"></asp:Label>
            <asp:TextBox ID="TextBox2" Text="300" runat="server" Width="40px"></asp:TextBox>
        </span>
    </div>
</asp:Content>
